<template>
  <div id="app" :class="{ full }">
    <!-- <img src="./assets/logo.png"> -->
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  computed: {
    full () {
      return this.$route.meta && this.$route.meta.full
    }
  }
}
</script>

<style lang="less">
@import './assets/less/common.less';
@import './assets/less/value.less';
@import './assets/less/transition.less';

#app {
  font-family: '微软雅黑', 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  min-width: 1400px;
}

.full {position: fixed;width: 100%;height: 100%;overflow: auto;}

*{
  margin: 0;
  padding: 0;
}
ul{
  li{
    list-style: none;
  }
}
a{
  text-decoration: none;
}

table {border-collapse: collapse;}
</style>
